page {
  --sar-upload-preview-width: 88px;
  --sar-upload-preview-height: 88px;
  --sar-upload-preview-gap: 8px;
  --sar-upload-preview-border-radius: var(--sar-rounded);
  --sar-upload-preview-bg: var(--sar-secondary-bg);
  --sar-upload-preview-video-bg: var(--sar-black);

  --sar-upload-file-color: var(--sar-body-color);
  --sar-upload-file-icon-font-size: 20px;
  --sar-upload-file-name-margin-top: 4px;
  --sar-upload-file-name-padding-x: 4px;
  --sar-upload-file-name-font-size: var(--sar-text-sm);

  --sar-upload-status-color: var(--sar-white);
  --sar-upload-status-bg: var(--sar-mask-illegible);
  --sar-upload-status-icon-font-size: 20px;
  --sar-upload-status-message-margin-top: 4px;
  --sar-upload-status-message-padding-x: 4px;
  --sar-upload-status-message-font-size: var(--sar-text-sm);

  --sar-upload-close-top: 2px;
  --sar-upload-close-right: 2px;
  --sar-upload-close-size: 20px;
  --sar-upload-close-font-size: var(--sar-text-sm);
  --sar-upload-close-color: var(--sar-white);
  --sar-upload-close-bg: var(--sar-mask-illegible);

  --sar-upload-select-width: 88px;
  --sar-upload-select-height: 88px;
  --sar-upload-select-font-size: 24px;
  --sar-upload-select-color: var(--sar-secondary-color);
  --sar-upload-select-border-radius: var(--sar-rounded);
  --sar-upload-select-bg: var(--sar-secondary-bg);
  --sar-upload-select-active-bg: var(--sar-active-deep-bg);

  --sar-upload-video-play-bg: var(--sar-mask-legible);
  --sar-upload-video-play-color: rgba(var(--sar-white-rgb), 0.8);

  --sar-upload-loading-size: 20px;
}